<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<meta name="viewport" content="width=device-width,initial-scale=1.0">

 <link rel="stylesheet" href="css/bootstrap.min.css" />
<style>

  li{
  list-style:none;
  float:left;
  width:45%;
  }
  #myModalLabel{
   font-size:12px;
  }
  

/*   #myModal .modal-body {
    overflow:hidden;
    }  
     */
</style>
</head>
<body>
<!-- Button to trigger modal -->
<!-- <a href="#myModal" role="button" class="btn" data-toggle="modal">查看演示案例</a>
 --> 
<!-- Modal -->
<div id="myModal"  class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
    <h3 id="myModalLabel">您还未绑定账户，请先绑定</h3>
  </div>
  <div class="modal-body">
  <form class="form-sigin"  name="form1" method="post">
      <div style="display:block">
	     <div><span>*</span><input type="tel" placeholder="手机号"  name="phone1"  class="form-control"></div>
		 <div id="attach1" style="font-size:12px" ></div>
		 <div>
		  <ul>
		  <li><span style="line-height:40px">*</span><input type="text" placeholder="手机验证码"  name="checkcode"  class="form-control">
		  </li>
		  <li>
	         <input type="submit" name="btn" class="form-control" onclick="return dosubmit()" value="获取手机验证码">
		  </li>
		  </ul>
         </div>
         <div id="attach2" style="font-size:12px" ></div>
         <div><button type="submit" onclick="return check2()" style="margin-left:5px" class="btn btn-lg btn-sigin"><i class="icon-ok"></i>绑定</button></div>
     </div>
  </form>
 </div>
  <div class="modal-footer">
    <button class="btn" data-dismiss="modal" aria-hidden="true">关闭</button>
  </div>
 </div>
 <script src="js/jquery.min.js"></script>  
 <script src="js/bootstrap.min.js"></script>
 <script type="text/javascript">
$("document").ready(function(){
	 $('#myModal').modal("show").css({
		    width: '300',
		    'margin-left': function () {
		       return -($(this).width() / 2)
		   }
	 });
	 $("#myModal .modal-body").css("overflow",'hidden');
});

 </script>
</body>
</html>